<img src="<?php echo base_url("assets/img/logo.jpg"); ?>" alt="Aldeas Infantiles" class="img-thumbnail img-responsive" />
<nav class="navbar navbar-inverse" role="navigation">
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#"><span class="glyphicon glyphicon-home"></span></a>
  </div>
  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse" id="navbar-collapse" ng-controller="MenuView">
    <ul class="nav navbar-nav" id="menu-nav">
      <li ng-class="getClass('users/')"><a href="<?php echo base_url(); ?>users/">Usuarios</a></li>
      <li ng-class="getClass('donors/')"><a href="<?php echo base_url(); ?>donors/">Donantes</a></li>
      <li ng-class="getClass('persons/')"><a href="<?php echo base_url(); ?>persons/">Personas</a></li>
      <li ng-class="getClass('dorps/')"><a href="<?php echo base_url(); ?>dorps/">Programas</a></li>
      <li ng-class="getClass('housing/')"><a href="<?php echo base_url(); ?>housing/">Ubicaci&oacute;n</a></li>
      <li ng-class="getInventoryClass()" class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Art&iacute;culos <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li ng-class="getClass('articles/')"><a href="<?php echo base_url(); ?>articles/">Mantenimiento de Categor&iacute;as</a></li>
          <li ng-class="getClass('inventory/')"><a href="<?php echo base_url(); ?>inventory/">Mantenimiento de Inventario</a></li>
          <li ng-class="getClass('miscellaneous/')"><a href="<?php echo base_url(); ?>miscellaneous/">Mantenimiento de Art&iacute;culos</a></li>
        </ul>
      </li>
      <li class="dropdown" ng-class="getReportsClass()">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Reportes <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="inventory-report.php">Inventario</a></li>
          <li><a href="donors-report.php">Donantes</a></li>
          <li><a href="movements-report.php">Movimientos</a></li>
          <li class="divider"></li>
          <li><a href="#">Boletas</a></li>
        </ul>
      </li>
    </ul>
    <ul class="nav navbar-nav navbar-right navbar-user">
      <li class="dropdown user-dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-user"></i> <?php echo $ds_usuario; ?> <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#"><i class="icon-user"></i> Profile</a></li>
          <li class="divider"></li>
          <li><a href="<?php echo base_url(); ?>utils/logout"><i class="icon-power-off"></i>Salir</a></li>
        </ul>
      </li>
    </ul>
  </div><!-- /.navbar-collapse -->
</nav>